<template lang="html">
  <div class="fankui">
    <Headbar :title="title"></Headbar>
    <el-input
      type="textarea"
      class="fankui_1"
      :autosize="{ minRows: 6, maxRows: 10}"
      placeholder="感谢您宝贵的反馈信息，我们将不断努力改进"
      v-model="msg">
    </el-input>
    <div class="mid_title1">反馈内容类型</div>
    <div class="checks">
      <el-checkbox v-model="checked1" label="团组安排" border></el-checkbox>
      <el-checkbox v-model="checked2" label="门店服务" border></el-checkbox>
      <el-checkbox v-model="checked3" label="领队服务" border></el-checkbox>
    </div>
    <div class="checks">
      <el-checkbox v-model="checked4" label="新需求" border></el-checkbox>
      <el-checkbox v-model="checked5" label="其他" border></el-checkbox>
      <!-- <el-checkbox v-model="checked3" label="" border></el-checkbox> -->
    </div>
    <div class="input_list">
      <div class="inputlis1">
        <el-input id="inputlis"
          size="medium"
          placeholder="联系人姓名"
          prefix-icon="el-icon-star-off"
          v-model="input_1">
        </el-input>
        <el-checkbox class="Checkbox" label="匿名反馈"></el-checkbox>

      </div>
      <el-input id="inputlis"
        placeholder="手机号码"
        prefix-icon="el-icon-mobile-phone"
        v-model="input_1">
      </el-input>
      <el-input id="inputlis"
        placeholder="北京市"
        prefix-icon="el-icon-location-outline"
        :disabled="true"
        v-model="input_1">
      </el-input>
    </div>
    <el-button class="fankui_last" type="primary">提交</el-button>
  </div>
</template>

<script>
import Vue from 'vue'
import Headbar from './head'
import { Button,Input,Checkbox } from 'element-ui'

Vue.prototype.$ELEMENT = { size: 'middle' }
Vue.use(Button)
Vue.use(Input)
Vue.use(Checkbox)
export default {
  data(){
    return{
      title:'建议表扬',
      msg:'',
      input_1:'',
      checked3:'',
      checked1:'',
      checked2:'',
      checked4:'',
      checked5:''

    }
  },
  components:{
    Headbar
  },
  methods:{
  }
}
</script>

<style lang="css">
.fankui_1 textarea{
  margin: 0 auto;
  width: 92%;
  margin-top: 1rem;
  line-height: 2rem;
  height: 9rem;

}
.inputlis1{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.checks label{
  margin-bottom: 1.1rem;
}
.Checkbox{
  line-height: 3rem;
}
.mid_title1{
  line-height: 4rem;
  text-align: left;
  padding: 0 4%;
  font-size: 1.7rem;
}
#inputlis{
  border-top: none;
  border-left: none;
  border-right: none;
}
.fankui_last{
  width: 92%;
  margin-top: 3rem;
}
</style>
